@import '~antd/lib/style/themes/default';
@import "~antd/dist/antd.less";

#root {
  height: 100%;
  .main-body {
    height: 100%;
  }
}

.ant-layout {
  height: 100%;
  .ant-layout-sider {
    &.ant-layout-sider-collapsed {
      .personal-info {
        .welcome, .name {
          display: none;
        }
      }
    }
    .ant-layout-sider-children {
      display: flex;
      flex-direction: column;
      .ant-menu {
        flex: 1;
      }
      .personal-info {
        height: 40px;
        overflow: hidden;;
        color: #fff;
        display: flex;
        padding: 5px 10px;
        align-items: center;
        justify-content: center;
        .name {
          flex: 1;
          padding-right: 5px;
          overflow: hidden;
          text-overflow: ellipsis;
        }
        .anticon {
          cursor: pointer;
          color: @error-color;
        }

      }
    }
  }
}

.multi-filter-label {
  max-width: 150px;
  overflow: hidden;
  word-break: keep-all;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.base-layout {
  height: 100vh;
  display: flex;
  flex-direction: column;
  .header {
    min-height: 45px;
    line-height: 45px;
    display: flex;
    background-color: #fff;
    padding: 0 15px;
    .label {
      flex: 1;
    }
    .search-filter {
      flex: 1;
      display: flex;
      align-items: center;
      & > * {
        margin-right: 5px;
      }
    }
  }
  .content {
    flex: 1;
  }
  .footer {
    padding: 10px;
    text-align: right;
    & > * {
      margin-right: 10px;
    }
  }
}

.mt-table-header {
  display: flex;
  width: 100%;
  align-items: center;
  background-color: @primary-color;
  color: #fff;
  .mt-table-item {
    flex: 1;
    text-align: center;
    align-items: center;

  }
  .group-header {
    flex-wrap: wrap;
    display: flex;
    .mt-table-header-item {
      width: 100%;
      text-align: center;
      padding: 5px;
      .mt-table-item {
        flex: 1;
      }
    }
  }
}

.mt-table-content-row {
  width: 100%;
  display: flex;
  border-top: 1px solid @border-color-base;
  height: 35px;
  .mt-table-content-item {
    flex: 1;
    border-left: 1px solid @border-color-base;
    .ant-input {
      border: none;

    }
  }
}

.mt-title {
  padding: 10px;
  text-align: center;
}
